import Vue from 'vue'
import Vuex from 'vuex'

// 2. 将 Vuex 安装为 Vue 的插件
Vue.use(Vuex)

// 3. 创建 Store 的实例对象
const store = new Vuex.Store({
  state: () => ({     
      msgList: [],
      noCheckMsgCount:0
    }),
 
   getters:{
     noCheckMsgNum(state){
       // var sum=0;
       // for(var i = 0; i<state.msgList.length;i++){
       //   if(state.msgList[i].state===0){
       //     sum++;
       //   }
       // }
       return state.noCheckMsgCount
     }
   },
   
   // 模块的 mutations 方法
   mutations: {
     saveMessageList(state,value){
       // console.log("存储数据",value)
            state.msgList=value
     },
       updateMessage(state,value){
         // console.log(value,"已被阅读")
         var id = value-0;
         // state.noCheckMsgCount--;        
         // console.log(state.msgList,"循环处理")
         
         for(var i = 0; i<state.msgList.length;i++){
           var temp = state.msgList[i].id-0;
             // state.noCheckMsgCount--;        
           if(temp===id){
             // console.log(state.msgList[i].id,"循环处理")           
             if(state.msgList[i].state===0){
               state.noCheckMsgCount--;  
             }
             state.msgList[i].state=1             
           }
           //
         }
       },
       updateNoCheckSum(state,value){
         // console.log("改变消息数量",value)
         state.noCheckMsgCount=value
       }
       
   },
})

// 4. 向外共享 Store 的实例对象
export default store